<template>
  <div>
    <div class="adminInfo">
      <div class="avatar"/>
      <div class="name"><span>Viggon</span></div>
      <el-divider></el-divider>
      <div style="display: flex;justify-content: space-around">
        <div class="link">
          <a href="https://space.bilibili.com/25220993" target="_blank"><img src="../../assets/img/bili.jpg" alt=""></a>
        </div>
        <div class="link">
          <a href="https://wpa.qq.com/msgrd?v=3&amp;uin=1843139429&amp;site=qq&amp;menu=yes"><img src="../../assets/img/qq.jpg" alt=""></a>
        </div>
        <div class="link">
          <a href="https://music.163.com/#/user/home?id=392359624" ref="nofollow" target="_blank"><img src="../../assets/img/wyy.jpg" alt=""></a>
        </div>
        <div class="link">
          <a href="https://github.com/Viggon" target="_blank"><img src="../../assets/img/github.jpg" alt=""></a>
        </div>
      </div>


    </div>
  </div>
</template>

<script>
export default {
  name: "AdminInfo"
}
</script>

<style scoped lang="less">

.adminInfo {
  width: 250px;
  height: 500px;
  background-color: #FFFFFF;
  display: inline-block;
  border-radius: 10px !important;
  border: none;

  .avatar {
    height: 220px;
    background-image: url("../../assets/img/ttt.jpg");
    background-size: cover;
    border: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }

  .name {
    margin-top: 20px;
    text-align: center;
    font-size: large;
    font-weight: bold;
    letter-spacing: 5px;
  }


  .link {
    display: inline-block;
    img {
      width: 30px;
      height: 30px;
    }
  }
}


</style>
